<template>
  <div class="css">
    <p name>
      <slot name="pName" />
      <span class="lookCode">查看代码</span>
    </p>
    <div class="flex-row-start-between">
      <div class="flex-row-center">
        <slot name="main"/>
      </div>
      <div class="describe">
        <li class="describeTitle"><slot name="describeTitle" /></li>
        <ul>
          <slot class="describeli"/>
        </ul>
      </div>
    </div>
    <slot name="prism-editor"/>
  </div>
</template>

<script>
export default {
  name: 'cssDiv',
  props:{
    isName: true
  }
}
</script>

<style lang="scss" scoped>
@import '../css/root.scss';
@import '../css/animation.scss';
@import '../css/index.scss';
@import '../css/comm.scss';
@import '../css/scrollbar.scss';
</style>